<template>
  <div>
    <h1>App根组件</h1>
    <button @click="getBookInfo">获取图书列表</button>

    <hr>
    <div  class="container">
      <Left></Left>
      <Right></Right>
    </div>

  </div>
</template>

<script>
import Left from '@/components/Left.vue'
import Right from '@/components/Right.vue'
export default {
  components: {
    Left,
    Right

  },
  methods: {
    async getBookInfo () {
      const { data: res } = await this.axios.get('/api/getbooks')
      console.log(res)
    }
  }
}
</script>

<style lang="less" scoped>
.container{
  display: flex;
}
</style>
